<script setup lang="ts">
/*
  1. 如果模板中调用一个函数, 没有传参, 默认的参数就是事件对象
  2. 如果模板中调用一个函数, 传参了, 那如何获取事件对象呢?
    调用函数时, 用$event作为实参
*/
const clickMe = (e: MouseEvent) => {
  console.log('点击了', e);
}

const clickMeTwo = (num1: number, num2: number, e: MouseEvent) => {
  console.log('点击了', num1, num2, e);
}
</script>


<template>
  <div id="app">
    <button @click="clickMe">点我1</button>
    <button @click="clickMeTwo(100, 200, $event)">点我2</button>
  </div>
</template>

<style></style>
